<!doctype html>
<html style="background:rgba(0,0,0,0);">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="format-detection" content="date=no" />
    <title>消息详情</title>
    <link href="../../css/api.css" rel="stylesheet" type="text/css">
    <link href="../../css/aui.css" rel="stylesheet" type="text/css">
    <link href="../../css/index.css" rel="stylesheet" type="text/css">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            background: #fff;
        }

        .message_detail {
            padding: 1.2rem 0.8rem;
            position: relative;
        }

        .message_detail .message_detail_title {
            font-size: 0.9rem;
            line-height: 1.25rem;
            color: #2F2F2F;
            font-weight: bold;
            padding-bottom: 0.6rem;
            word-wrap: break-word;
        }

        .message_detail .message_detail_time {
            font-size: 0.6rem;
            line-height: 0.9rem;
            color: #6D6D6D;
            padding-bottom: 0.9rem;
            word-wrap: break-word;
        }

        .message_detail .message_detail_content {
            color: #2F2F2F;
            font-size: 0.75rem;
            line-height: 1.2rem;
            word-wrap: break-word;
            padding-bottom: 2rem;
        }

        .message_detail .message_detail_publisher {
            font-size: 0.65rem;
            line-height: 0.9rem;
            color: #6D6D6D;
            padding-bottom: 1rem;
            word-wrap: break-word;
            text-align: right;
        }

        .message_fixed {
            padding: 1rem 0.8rem;
            position: fixed;
            bottom: 0rem;
            left: 0;
            width: 100%;
            height: 4.3rem;
            background: #fff;
        }

        .message_fixed .message_btn {
            width: 100%;
            height: 2.3rem;
            background: #F7D76D;
            box-shadow: 0 0.2rem 0.7rem -0.2rem #F7D76D;
            border-radius: 1.2rem;
            color: #2F2F2F;
            text-align: center;
            font-size: 0.8rem;
            line-height: 2.3rem;
        }
    </style>
</head>

<body>
    <div class="vueApp" v-cloak>
        <div class="message_detail" v-if="mesInfo!=''">
            <div class="message_detail_info">
                <p class="message_detail_title">{{mesInfo.title}}</p>
                <!-- <p class="message_detail_time">{{mesInfo.createDate|fnSetDate('release_date')}}</p> -->
            </div>
            <div class="message_detail_content" id="message_detail" v-html="mesInfo.context"></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/hammer.min.js"></script>
<script type="text/javascript" src="../../script/slide2del.js"></script>
<script type="text/javascript" src="../../script/service/service-app.js"></script>
<script type="text/javascript" src="../../script/service/service-tool.js"></script>
<script type="text/javascript" src="../../script/service/service-font.js"></script>
<script type="text/javascript" src="../../script/service/service-user.js"></script>
<script type="text/javascript" src="../../script/service/service-login.js"></script>
<script type="text/javascript" src="../../script/service/service-verify.js"></script>
<script>
    var $S;
    var USER;
    apiready = function() {
        $S = SERVICE();
        USER = USER();
        fnInit();
        fnInitPage();
    }

    function fnInit() {
        vm = new Vue({
            el: ".vueApp",
            data: {
                mId: api.pageParam.mId || "",
                mesInfo:"",
            }
        })
    }

    function fnInitPage() {
        $S.ShowProgress();
        var postData = {
            messageInfoId: vm.mId
        }
        $S.POST("apiAppMessage/findUserMessageDetails", postData, function(ret, err) {
            if (ret && ret.status == "200") {
                vm.mesInfo = ret.data;
                vm.$nextTick(function() {
                    setTimeout(function() {
                        fnAdaptationContent("message_detail")
                    }, 500)
                })
            }
            $S.CloseProgress();
        })
    }

</script>


</html>
